<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<c:set var="user" value="${sessionScope.loginUser}"/>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>

<link rel="stylesheet" href="${basePath}/static/css/bootstrap.min.css">
<link rel="stylesheet" href="${basePath}/static/css/all.css" >

<script src="${basePath}/static/js/jquery-3.2.1.min.js"></script>
<script src="${basePath}/static/js/bootstrap.min.js"></script>
<script src="${basePath}/static/js/function.js" type="text/javascript"></script>

<div class="iframe_div">
    <table id="table_userData" class="table table-striped table-bordered table-hover  table-condensed iframe-table">
        <tbody>
        <tr>
            <td class="infoName"><label for="userInfo_user_username">用户名</label></td>
            <td><input id="userInfo_user_username" class="form-control" disabled="true" value="${user.getUsername()}" /></td>
        </tr>
        <tr>
            <td class="infoName"><label for="input_student_id">学生id</label></td>
            <td><input id="input_student_id"  class="form-control userInfo_modifiable" value="${user.getStudent().getStudent_id()}"/></td>
        </tr>
        <tr>
            <td class="infoName"><label for="input_student_name" id="user_data_student_name">学生姓名</label></td>
            <td><input id="input_student_name" class="form-control" disabled="true" value="${user.getStudent().getStudent_name()}"/></td>
        </tr>
        <tr>
            <td class="infoName"><label for="input_user_age">年龄</label></td>
            <td><input  id="input_user_age" class="form-control userInfo_modifiable" value="${user.getUser_age()}"/></td>
        </tr>
        <tr>
            <td class="infoName"><label for="input_user_sex">性别</label></td>
            <c:choose>
                <c:when test="${user.getUser_sex() == 1}">
                    <c:set var="user_sex_end" value="男"/>
                </c:when>
                <c:when test="${user.getUser_sex() == 0}">
                    <c:set var="user_sex_end" value="女"/>
                </c:when>
                <c:otherwise>
                    <c:set var="user_sex_end" value="未知"/>
                </c:otherwise>
            </c:choose>
            <td><input id="input_user_sex" class="form-control userInfo_modifiable" value="${user_sex_end}" /></td>
        </tr>
        <tr>
            <td colspan="2" align="right">
                <div style="padding-right: 40px">
                    <%--<a id="modify_password" class="btn btn-default">修改密码</a>--%>
                    <%--<a id="back_userInfo" class="btn btn-default">返回</a>--%>
                    <a id="modify_userInfo" class="btn btn-default" status="1">修改用户信息</a>
                </div>
            </td>
        </tr>
        </tbody>
    </table>
</div>

<script type="text/javascript">
    /**
     *  页面初始化工作
     */
    $(function () {
        $("input.userInfo_modifiable").each(function () {
            $(this).attr("disabled",true);
        });
    });

    /**
     * userData元素
     * @type {*|jQuery|HTMLElement}
     */
    var btn_modify_userInfo  = $("a#modify_userInfo");

    /**
     * 实现信息修改
     */
    btn_modify_userInfo.click(function () {
        userInfo_toggle();                                     //输入框属性切换
        btnName_toggle($(this),"修改用户信息","保存修改");        //按钮Name切换,在不同状态下用不同的名称

        if($(this).attr("status") == 1){                       //改变前的状态
            $(this).attr("status",0);
        }else if($(this).attr("status") == 0){
            var data_student_id = $("input#input_student_id").val();
            var data_user_age = $("input#input_user_age").val();
            var data_user_sex = getSexInter($("input#input_user_sex").val());
            var url = "${basePath}/user/updateUserInfo";
            $.ajax({
//                url:"/library/user/updateUserInfo",
                url:url,
                type:"POST",
                dataType:"text",
                data:{
                    username:${user.getUsername()},
                    student_id:data_student_id,
                    user_age:data_user_age,
                    user_sex:data_user_sex
                },
                success:function (data) {
                    if(data === "error"){
                        alert("更新失败,请重试");
                    }
                    window.location.href="/library/user/userData";      //重新载入页面 即刷新
                    /**
                     * 刷新界面会出现闪现的状况
                     */
//                    if(data === "success"){
//                        alert(getName());
//                    }
                },
                error:function () {
                    alert("操作失败")
                }
            });
            $(this).attr("status",1);
        }

    });

    /**
     *  实现修改密码按钮
     *  ==  为值相等
     *  === 为类型和值都相等
     *
     *  密码功能转移到标题栏中
     */
     <%--btn_modify_password.click(function () {--%>
         <%--var in_psw =prompt("请输入现在的密码:");--%>
         <%--if(in_psw !== null){                                //先判断密码是否输入--%>
             <%--if(in_psw == ${user.getPassword()}){           //判断输入的密码是否正确--%>
                                                            <%--//暂时搁置--%>
             <%--}else {--%>
                 <%--alert("密码错误,请重新输入");--%>
             <%--}--%>
         <%--}--%>
     <%--});--%>


</script>
